﻿
@{
    ViewData["Title"] = ViewBag.MarketName;
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">@ViewBag.MarketName</h1>
</header>
<nav class="mui-bar mui-bar-tab" id="menuList">
    <a class="mui-tab-item mui-active" href="/">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" href="/Goods/GoodsClass">
        <span class="mui-icon mui-icon-extra mui-icon-extra-class"></span>
        <span class="mui-tab-label">分类</span>
    </a>
    <a class="mui-tab-item" href="/Goods/ShopList">
        <span class="mui-icon mui-icon-extra mui-icon-extra-gift"></span>
        <span class="mui-tab-label">挑货</span>
    </a>
    <a class="mui-tab-item" href="/User">
        <span class="mui-icon mui-icon-gear"></span>
        <span class="mui-tab-label">我的</span>
    </a>
</nav>
<div class="mui-content">
    <div id="tabbar" class="mui-control-content mui-active">
        <div id="slider" class="mui-slider">
            <div class="mui-slider-group mui-slider-loop">
                <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
                <div class="mui-slider-item mui-slider-item-duplicate">
                    <a href="#">
                        <img src="/img/banner.jpg">
                    </a>
                </div>
                <!-- 第一张 -->
                <div class="mui-slider-item">
                    <a href="#">
                        <img src="/img/banner.jpg">
                    </a>
                </div>
                <!-- 第二张 -->
                <div class="mui-slider-item">
                    <a href="#">
                        <img src="/img/banner2.jpg">
                    </a>
                </div>
                <!-- 第三张 -->
                <div class="mui-slider-item">
                    <a href="#">
                        <img src="/img/banner3.jpg">
                    </a>
                </div>
                <!-- 第四张 -->
                <div class="mui-slider-item">
                    <a href="#">
                        <img src="/img/banner4.png">
                    </a>
                </div>
                <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
                <div class="mui-slider-item mui-slider-item-duplicate">
                    <a href="#">
                        <img src="/img/banner1.jpg">
                    </a>
                </div>
            </div>
            <div class="mui-slider-indicator">
                <div class="mui-indicator mui-active"></div>
                <div class="mui-indicator"></div>
                <div class="mui-indicator"></div>
                <div class="mui-indicator"></div>
            </div>
        </div>
    </div>
    <ul class="mui-table-view mui-grid-view mui-grid-9">
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="#">
                <span class="mui-icon mui-icon-home"></span>
                <div class="mui-media-body">男装</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="#">
                <span class="mui-icon mui-icon-email"></span>
                <div class="mui-media-body">女装</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="#">
                <span class="mui-icon mui-icon-chatbubble"></span>
                <div class="mui-media-body">童装</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="#">
                <span class="mui-icon mui-icon-location"></span>
                <div class="mui-media-body">上衣</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="#">
                <span class="mui-icon mui-icon-search"></span>
                <div class="mui-media-body">裤子</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="#">
                <span class="mui-icon mui-icon-phone"></span>
                <div class="mui-media-body">内衣</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="#">
                <span class="mui-icon mui-icon-gear"></span>
                <div class="mui-media-body">风衣</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="#">
                <span class="mui-icon mui-icon-info"></span>
                <div class="mui-media-body">皮革</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="#">
                <span class="mui-icon mui-icon-more"></span>
                <div class="mui-media-body">more</div>
            </a>
        </li>
    </ul>
</div>
<div class="mui-content" style="background-color:#fff">
    <button type="button" class="mui-btn mui-btn-block  mui-btn-outlined">
        <span class="mui-pull-left">热门店铺</span>
    </button>
    <ul class="mui-table-view mui-grid-view">
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/shuijiao.jpg">
                <div class="mui-media-body">幸福就是可以一起睡觉</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/muwu.jpg">
                <div class="mui-media-body">想要一间这样的木屋，静静的喝咖啡</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/cbd.jpg">
                <div class="mui-media-body">Color of SIP CBD</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/yuantiao.jpg">
                <div class="mui-media-body">静静看这世界</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/shuijiao.jpg">
                <div class="mui-media-body">幸福就是可以一起睡觉</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/muwu.jpg">
                <div class="mui-media-body">想要一间这样的木屋，静静的喝咖啡</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/cbd.jpg">
                <div class="mui-media-body">Color of SIP CBD</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/yuantiao.jpg">
                <div class="mui-media-body">静静看这世界</div>
            </a>
        </li>
    </ul>
</div>
<div class="mui-content">
    <div class="mui-slider-item">
        <a href="#">
            <img src="/img/banner-001.jpg" style=" width:100%;height:150px;">
        </a>
    </div>
</div>
<div class="mui-content" style="background-color:#fff">
    <button type="button" class="mui-btn mui-btn-block  mui-btn-outlined">
        <span class="mui-pull-left">工业品牌推荐</span>
    </button>
    <ul class="mui-table-view mui-grid-view">
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/shuijiao.jpg">
                <div class="mui-media-body">幸福就是可以一起睡觉</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/muwu.jpg">
                <div class="mui-media-body">想要一间这样的木屋，静静的喝咖啡</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/cbd.jpg">
                <div class="mui-media-body">Color of SIP CBD</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/yuantiao.jpg">
                <div class="mui-media-body">静静看这世界</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/shuijiao.jpg">
                <div class="mui-media-body">幸福就是可以一起睡觉</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/muwu.jpg">
                <div class="mui-media-body">想要一间这样的木屋，静静的喝咖啡</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/cbd.jpg">
                <div class="mui-media-body">Color of SIP CBD</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/yuantiao.jpg">
                <div class="mui-media-body">静静看这世界</div>
            </a>
        </li>
    </ul>
</div>

<div class="mui-content" style="background-color:#fff">
    <button type="button" class="mui-btn mui-btn-block  mui-btn-outlined">
        <span class="mui-pull-left">好商推荐</span>
    </button>
    <ul class="mui-table-view mui-grid-view">
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/shuijiao.jpg">
                <div class="mui-media-body">幸福就是可以一起睡觉</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/muwu.jpg">
                <div class="mui-media-body">想要一间这样的木屋，静静的喝咖啡</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/cbd.jpg">
                <div class="mui-media-body">Color of SIP CBD</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/yuantiao.jpg">
                <div class="mui-media-body">静静看这世界</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/shuijiao.jpg">
                <div class="mui-media-body">幸福就是可以一起睡觉</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/muwu.jpg">
                <div class="mui-media-body">想要一间这样的木屋，静静的喝咖啡</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/cbd.jpg">
                <div class="mui-media-body">Color of SIP CBD</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/yuantiao.jpg">
                <div class="mui-media-body">静静看这世界</div>
            </a>
        </li>
    </ul>
</div>
<div class="mui-content">
    <div class="mui-slider-item">
        <a href="#">
            <img src="/img/icon-ad-001.png" style=" width:100%;height:80px;">
        </a>
    </div>
</div>
<div class="mui-content" style="background-color:#fff">
    <button type="button" class="mui-btn mui-btn-block  mui-btn-outlined">
        <span class="mui-pull-left">猜你喜欢</span>
    </button>
    <ul class="mui-table-view mui-grid-view">
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/shuijiao.jpg">
                <div class="mui-media-body">幸福就是可以一起睡觉</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/muwu.jpg">
                <div class="mui-media-body">想要一间这样的木屋，静静的喝咖啡</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/cbd.jpg">
                <div class="mui-media-body">Color of SIP CBD</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/yuantiao.jpg">
                <div class="mui-media-body">静静看这世界</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/shuijiao.jpg">
                <div class="mui-media-body">幸福就是可以一起睡觉</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/muwu.jpg">
                <div class="mui-media-body">想要一间这样的木屋，静静的喝咖啡</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/cbd.jpg">
                <div class="mui-media-body">Color of SIP CBD</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-6">
            <a href="#">
                <img class="mui-media-object" src="/images/yuantiao.jpg">
                <div class="mui-media-body">静静看这世界</div>
            </a>
        </li>
    </ul>
</div>
<script type="text/javascript">
    mui('#menuList').on('tap', 'a', function () {
        // 获取地址
        var href = this.getAttribute('href');
        // 方法一：
        location.href = href;
    })
</script>

